<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <input type="text" id="myInput" value="" /> <button id="btn">点击</button>
    <script>
        // 1.if ... else if ... else if... // 区分多种情况 

        // 所有都是true
        // if(true){
        //     console.log(111)
        // }else if(true){
        //     console.log(2222)
        // }else if(true){
        //     console.log(333)
        // }


        // 前面是false

        // if(false){
        //     console.log(111)
        // }else if(false){
        //     console.log(2222)
        // }else if(true){
        //     console.log(333)
        // }

        // 输入星期几 打印吃什么东西 ？
        // var day = parseInt(prompt("请输入星期"));
        // // 6
        // if(day==1 || day==2){
        //     document.write("吃鱼香肉丝");
        // }else if(day==3 || day==4){
        //     document.write("吃驴肉火烧");
        // }else if(day==5 || day==6){
        //     document.write("吃番茄鸡蛋");
        // }else if(day==7){
        //     document.write("吃火锅");
        // }

        // if else if  ... 只会进入一个判断里执行代码

        // 小练习 ： 分数 ：0分到60 是不及格   60-70 及格   70-80 良好  80-100 优秀；
        // 1.通过js获取标签 （元素） 2.操作元素
        // 1.获取标签 
        // document  getElementById  onclick value  function
        // 获取input 标签元素
        var inputElement = document.getElementById("myInput");
        // console.log(inputElement)
        // 2.操作元素 ：获取里面的值  元素.value

        // 1.获取 button 元素 
        var btn = document.getElementById("btn");
        // console.log(btn);
        // 2.操作button元素 点击之后获取 input里的值 判断分数级别；
        // 当点击btn的时候 会执行 function 大括号里的代码
        btn.onclick = function () {
            // console.log(1111);
            // 获取input里的值 
            var score = parseInt( inputElement.value);
            // 在把分数做判断；
            if (score < 60 && score >= 0) {
                alert("不及格")
            } else if (score >= 60 && score < 70) {
                alert("及格");
            } else if (score >= 70 && score < 80) {
                alert("良好");
            } else if (score >= 80 && score <= 100) {
                alert("优秀");
            } else {
                alert("你输入分数不正确");
            }

        }


        // var score = parseInt(prompt("请输入分数"));
        // if(score<60 && score>=0){
        //     alert("不及格")
        // }else if(score>=60 && score<70){
        //     alert("及格");
        // }else if(score>=70 && score<80){
        //     alert("良好");
        // }else if(score>=80 && score<=100){
        //     alert("优秀");
        // }else{
        //     alert("你输入分数不正确");
        // }

// scroe=76
        // if(score>=80){
        //     document.write("优秀");
        // }else if(score>=70){
        //     document.write("良好");
        // }else if(score>=60){
        //     document.write("及格");
        // }else if(score>=0){
        //     document.write("不及格");
        // }


        // if(score>=0){
        //     document.write("不及格");
        // }



        // if... else if... else if ... else 
        // 最后的else 是不满足if 且也不满足 else if 里的条件 ，其他的所有情况最后进入else
        // if(true){
        //     console.log(111)
        // } else if(true){
        //     console.log(222)
        // }else if(false){
        //     console.log(3333)
        // }else{
        //     console.log("当上面的if 还有else if 都为false的时候就会进入 最后的else");
        // }



    </script>
</body>

</html>